// *******************************************************************************************************
// # エリア
//   ・検索結果 写真・間取り
// *******************************************************************************************************

var ResultBridge = ResultBridge || {};

$(function() {
	var isUnderIe6 = uaInfo.isIe && uaInfo.ieVr <= 6,
		isUnderIe7 = uaInfo.isIe && uaInfo.ieVr <= 7,
		isUnderIe8 = uaInfo.isIe && uaInfo.ieVr <= 8;

	function heightline(){
		// 物件一覧（写真）
		var objectWrap = $('.page_search_result_picture .wrapper_picture'),
			objectList = $('.page_search_result_picture .mod_box_section_bdt'),
			objectHead = $('.page_search_result_picture .box_head_result'),
			objectFoot = $('.page_search_result_picture .box_foot_result');

		if (isUnderIe7) {
			objectWrap.find(objectHead).heightLine();
			objectWrap.find(objectFoot).heightLine();
			objectList.heightLine();
		} else {
			objectWrap.find(objectHead).tile(2);
			objectWrap.find(objectFoot).tile(2);
		};
	};


	/*******************************************************
	 * 検証リストに追加
	 *******************************************************/
	/*
	function validateStar(){
		$('#contentMainColumn .mod_box_section_bdt .star').find('a.mod_icn_star').on('click', function(e){
			e.preventDefault();
			if (!$(this).hasClass('mod_icn_star_active')) {
				$(this).addClass('mod_icn_star_active');
				addStar.show();
			};
		});

		var addStar = new APMN.ModalStar({
			path: '/static/area/images/result/img_add_star.png',
			ieVr: !(isUnderIe6)
		});
	};
	*/
	
	/*******************************************************
	 *　Inputボタン
	 *******************************************************/
	function inputBoxCheck(){
		var dispatch = true,
			$btnUp = $('#contentMainColumn .mod_box_section.box_pager .button a'),
			$btnDw = $('#appendContainerWrapper .mod_btn_append a'),
			$input = $('#contentMainColumn .mod_box_section_bdt .box_detail .mod_check'),
			SelectMax = 20;
		
		$inputModalStation = $('#modal_result_station .mod_check');
		$inputModalArea = $('#modal_result_area .mod_check');

		$inputModalStation.each(function(i){
			if (isUnderIe8) {
				$(this).find('input').on('click', function(e){
					if($(this).prop('checked')){
					$(this).parent().addClass("mod_checked");
					}else{
					$(this).parent().removeClass("mod_checked");
					}
				});
			};
		});

		$inputModalArea.each(function(i){
			if (isUnderIe8) {
				$(this).find('input').on('click', function(e){
					if($(this).prop('checked')){
					$(this).parent().addClass("mod_checked");
					}else{
					$(this).parent().removeClass("mod_checked");
					}
				});
			};
		});

		$input.each(function(i){
			if (!isUnderIe8) {
				$(this).find('input').on('ifChecked', function(e){
					if (dispatch) return;
					dispatch = true;
					check();
				}).on('ifUnchecked', function(e){
					if (dispatch) return;
					dispatch = true;
					check();
				});
			} else {
				$(this).find('input').on('click', function(e){
					check();
				});
			};
		});

		function check(){
			var _num = 0;
			$input.each(function(e){
				if ($(this).find('input').prop('checked')) {
					_num ++;
				};
			});
			if (_num > 0) {
				$btnUp.removeClass('mod_btn_disabled');
				$btnDw.removeClass('mod_btn_disabled');
			} else {
				$btnUp.addClass('mod_btn_disabled');
				$btnDw.addClass('mod_btn_disabled');
			};
			if (_num >= SelectMax) {
				$input.each(function(e){
					if (!$(this).find('input').prop('checked')) {
						$(this).addClass('mod_disabled');
						if (!isUnderIe8) {
							$(this).find('input').iCheck('disable');
						} else {
							$(this).find('input').attr('disabled', 'disabled');
						};
					};
				});
			} else {
				$input.each(function(e){
					if (!$(this).find('input').prop('checked')) {
						$(this).removeClass('mod_disabled');
						if (!isUnderIe8) {
							$(this).find('input').iCheck('enable');
						} else {
							$(this).find('input').removeAttr('disabled');
						};
					};
				});
			};
			dispatch = false;
		};

		$input.each(function(e){
			var $self = $(this);
			if ($self.find('input').prop('checked')) {
				$self.addClass('mod_checked');
			};
			$self.find('a').on('click', function(e){
				e.stopPropagation();
			});
		});
		check();
	};


	/*******************************************************
	 * modal ギャラリー
	 *******************************************************/
	function gallerySetting(){
		var mdlPicAry = [];

		var ModalPictuer = (function(obj){
			var that = {
				$target: null,
				modalPictuer: null,
				now: 0,
				max: 0,
				data: []
			};
			function init(obj){
				that.modalPictuer = new APMN.Modal({
					target: obj.target,
					close: obj.close,
					ieVr: !(isUnderIe6)
				});
				that.$target = obj.target;
				that.$target.find('.gallery_thumb li').each(function(i){
					that.data.push({
						src : $(this).find('img').attr('src'),
						txt : $(this).find('p').text()
					});
					$(this).on('click', function(e){
						e.preventDefault();
						change(i + 1);
					});
				});
				that.$target.find('.btn_next').on('click', function(e){
					e.preventDefault();
					change(that.now == that.max ? 1 : that.now + 1);
				});
				that.$target.find('.btn_prev').on('click', function(e){
					e.preventDefault();
					change(that.now == 1 ? that.max : that.now - 1);
				});
				that.max = that.$target.find('.gallery_thumb li').length;
			};
			function change(n) {
				if (that.now == n) return;
				that.now = n;
				that.$target.find('.gallery_main span img').attr('src', that.data[that.now - 1].src);
				that.$target.find('.gallery_main p').text(that.data[that.now - 1].txt);
				that.$target.find('.gallery_thumb li').each(function(i){
					$(this).removeClass('on');
					if (i + 1 == that.now) {
						$(this).addClass('on');
					};
				});
			};
			that.show = function(n){
				that.modalPictuer.show();
				change(n);
			};
			init(obj);
			return that;
		});

		$('.modal_picture').each(function(i){
			var modalPictuer = new ModalPictuer({
				target: $(this),
				close: $(this).find('.modal_close')
			});
			mdlPicAry.push({
				id: '#'+$(this).attr('id'),
				mdl: modalPictuer
			});
		});

		$('.list_picture').each(function(i){
			$(this).find('li:not(.madori)').each(function(j){
				$(this).find('a').on('click', function(e){
					e.preventDefault();
					var _id = $(this).attr('href');
					for (var m = 0; m < mdlPicAry.length; m++) {
						if (mdlPicAry[m].id == _id) {
							mdlPicAry[m].mdl.show(j + 1);
							break;
						};
					};
				});
			});
		});
	};


	//★★★画像ビュー
	if($('#listtype').val() == '1'){
		// init
		heightline();
		//validateStar();
		inputBoxCheck();
		gallerySetting();
	}
	//★★★画像ビュー
});